@import '../../variables.scss';
.loading {
  min-width: 100vw;
  height: 100vh;
  background: $baseBackground;
  .main {
    width: 100%;
    height: 100%;
    background: url('../../assets/loading/loading-bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    .loadingGif {
      width: 75%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -70%);
    }
    .context {
      width: 100%;
      height: 472px;
      position: absolute;
      top: 73px;
      background: url('../../assets//loading/loading-bg-center.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
  }
}
